<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-06 16:46:21
 * @LastEditTime : 2024-10-07 02:58:35
 * @FilePath     : \actual.html
-->
<!--
 * @Author       : 汤姆猫
 * @Date         : 2024-10-03 16:57:50
 * @LastEditTime : 2024-10-05 20:22:08
 * @FilePath     : \freeClass.html
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实战课程</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_4677206_69b6y8txmjy.css">
    <link rel="stylesheet/less" href="/css/reset.less">
    <link rel="stylesheet/less" href="/css/common.less">
    <link rel="stylesheet/less" href="/css/actual.less">
</head>

<body>
    <div id="actual">
        <nav class="navbar navbar-inverse nav-bg">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- logo -->
                    <a class="navbar-brand logo" href="#"> <img src="/images/index/sskoo.com.png" alt=""></a>
                </div>

                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="freeClass.html">免费课程</a></li>
                        <li><a href="career.html">职业路径</a></li>
                        <li class="active"><a href="actual.html">实战课程</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
                            <ul class="dropdown-menu menu-bg">
                                <li><a href="#">中文简体</a></li>
                                <li><a href="#">中文繁体</a></li>
                                <li><a href="#">English</a></li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div>
        </nav>
        <div id="head">
            <div class="headBox">
                <div class="image">
                    <img src="/images/freeClass/163711142.png" alt="">
                    <div class="shadow"></div>
                </div>
                <p class="p1">互动 · 了解前沿流行技术</p>
                <p class="p2">高端高效必杀技，让您如鱼得水，升职加薪</p>
            </div>
        </div>

        <div id="acticles">
            <div class="name">
                <button class="b1">推荐文章</button>
                <button class="b2">最新文章</button>
            </div>
            <div class="articleList">
                <div class="member">
                  <img src="/images/freeClass/164772048.png" alt="">
                    <div class="text">
                        <h3>恐怖冒险游戏改编电影《直到黎明》杀青，预计明年上映</h3>
                        <p>对AI潜力的大胆预测引发了人们的猜测，认为 AI 可能减少对人类工程师的需求，甚至完全取代他们。尽管AI将重新定义软件工程师的角色，但人类的专业知识和创造力仍然是开发复杂、创新软件的关键。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images/index/155348574.png" alt="">
                    <div class="text">
                        <h3>消息称苹果放弃开发智能戒指，已内部探索多年</h3>
                        <p>据彭博社的马克・古尔曼今日的 Power On 称，苹果公司已经放弃了开发智能戒指的计划。这一决定是在对概念进行多年内部探索之后做出的，但最终苹果选择不进行落地。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images/index/164772048.png" alt="">
                    <div class="text">
                        <h3>铁路 12306：候补订单的兑现率基本在 70% 以上</h3>
                        <p>据红星资本局报道，近日，正值国庆假期返程高峰，许多网友在社交平台发文称“候补不到车票”。今日，该媒体致电 12306，客服回应：“候补订单的兑现率基本在 70% 以上，还是要看热门方向或热门车次，还要看别人有没有改签或退票”。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images//freeClass/178701800.png" alt="">
                    <div class="text">
                        <h3>IT之家纯血鸿蒙 1.0 原生正式版上架</h3>
                        <p>对AI潜力的大胆预测引发了人们的猜测，认为 AI 可能减少对人类工程师的需求，甚至完全取代他们。尽管AI将重新定义软件工程师的角色，但人类的专业知识和创造力仍然是开发复杂、创新软件的关键。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images/index/185186976.png" alt="">
                    <div class="text">
                        <h3>网易Filmly播放器 AppleTV端TF测试版上线：支持海报墙展示、适配 tvOS 18</h3>
                        <p>对AI潜力的大胆预测引发了人们的猜测，认为 AI 可能减少对人类工程师的需求，甚至完全取代他们。尽管AI将重新定义软件工程师的角色，但人类的专业知识和创造力仍然是开发复杂、创新软件的关键。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images/index/new_201039852.png" alt="">
                    <div class="text">
                        <h3>绿联“G908”鼠标通过星闪联盟测试认证，有望近期上市</h3>
                        <p>对AI潜力的大胆预测引发了人们的猜测，认为 AI 可能减少对人类工程师的需求，甚至完全取代他们。尽管AI将重新定义软件工程师的角色，但人类的专业知识和创造力仍然是开发复杂、创新软件的关键。</p>
                    </div>
                </div>
                <div class="member">
                  <img src="/images/index/204184698.png" alt="">
                  <div class="text">
                      <h3>《寂静岭 2：重制版》游戏豪华版解锁，普通版 10 月 8 日发售</h3>
                      <p> 10 月 6 日消息，《寂静岭 2：重制版》游戏豪华版今日解锁，普通版则将在 10 月 8 日中午 12 点正式解锁。截至IT之家发文，这款游戏在 Steam 上获得了特别好评，在 1246 篇玩家评测中，好评率高达 95%。</p>
                  </div>
              </div>
            </div>
        </div>

        <div class="top">
            <div class="left">
              <p class="p1">系统进阶与学习进修专研之路</p>
              <p class="p2">专注电商项目重磅实操，时间经验从这里开始</p>
              <img src="/images/index/212166212.png" alt="">
              <div class="shadow"></div>
            </div>
            <div class="right">
              <p class="p1">学习PHOTOSHOP软件做设计更轻松</p>
              <p class="p2">专注电商项目重磅实操，时间经验从这里开始 拷贝</p>
              <img src="/images/index/201039852.png" alt="">
              <div class="shadow"></div>
            </div>
        </div>

        <div class="classList">
            <div class="item">
              <div class="image">
                <img src="/images/freeClass/164772048.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/155348574.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/164772048.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/freeClass/204184698 拷贝.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images//freeClass/178701800.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/185186976.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/new_201039852.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/204184698.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/2077680.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/2077680.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images//freeClass/168806228 拷贝.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
            <div class="item">
              <div class="image">
                <img src="/images/index/209739992.png" alt="">
              </div>
              <p class="txt">变成小白入门C+ + 远征之起航篇，项目入 拷贝</p>
              <p class="introduce">全新改版课程 实战 初级</p>
              <div class="down">
                <span class="price">¥3000.00</span>
                <button>立即购买</button>
              </div>
            </div>
          </div>

        <div id="footer">
            <div class="footer-box">
                <div class="left">
                    <div class="up">
                        <p>公司简介</p>
                        <p>联系方式</p>
                        <p>人才招聘</p>
                    </div>
                    <div class="down">
                        All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
                    </div>
                </div>
                <div class="right">
                    <div class="icon"><i class="iconfont icon-pengyouquan-copy"></i></div>
                    <div class="icon"><i class="iconfont icon-dingding"></i></div>
                    <div class="icon"><i class="iconfont icon-wenjian"></i></div>
                    <div class="code">
                        <img src="/images/index/图层 53.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>
<script>
</script>